<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="./bootstrap.min.css">
	<link rel="stylesheet" href="./index.css">
	<title>汽车案例</title>
	<link rel="stylesheet" href="./index.css">
	<link rel="stylesheet" href="./bootstrap.min.css">
	<script src="./jquery.min.js"></script>
	<script src="./template-web.js"></script>
</head>

<body>
	
<div id="bb">

</div>
<script type="text/html"  id="hh">
		<div class="container content-tab footer-fixed-box header-fixed-box">

		<div class="row" id="row">		
			<ul>
				{{each  categories value}}
				{{if value.is_motor==0}}
				<li class="col-xs-6 col-sm-4 col-md-3 col-lg-2"><a href="#">
					<p class="type">{{value.tag}}</p>
					<p class="name">{{value.description}}</p>
				</a></li>	
				{{/if}}
				{{/each}}
				
			</ul>
			
		</div>
	</div>
</script>

<script>
	$(function(){
		$.ajax({
			type:'get',
			url:'http://api.pocketgear360.com/api/v1.0/categories',
			success:function(res){
				var vv=template('hh',res);
				$('#bb').html(vv);
			}
		})
	})
</script>

	
	
</body>

</html>